header{
    height: 170px;
    overflow: hidden;
    padding-top: 20px;
    .tip{
        left:20px;
        font-size: 24px;
    }
    .mytext{
        padding-left: 10px;
    }
    .ranking{
        top: 20%;
        left: 50%;
        color: #004E73;

    }
    .ranking-num{
        top: 21%;
        left: 56%;
        font-size: 70px;
        z-index: 1;
    }
    .badgeicon{
        font-size: 140px;
        color: rgb(137,178,255);
        top: -3%;
        left: 67%;
    }
}
// .badgeBox{
//     flex-wrap: wrap;
// }
// .badgeBox>div{
//     margin:0 8px;
// }

#badgesList {
    flex-wrap: wrap;

    li {
        display: flex;
        margin: 12px;
        flex-direction: column;
        justify-content:space-between;
    }
}